import React from "react";
import {connect} from "react-redux";
import {addTodo} from "../actions";

let AddTodo=({dispatch})=>{
    let input;
    return (
        <div>
            <form onSubmit={e=>{
                e.preventDefault();
                if(!input.value.trim()){
                    return;
                }
                dispatch(addTodo(input.value));
                input.value=""
            }}>
            <input ref={node=>{
                input=node
            }} />
            <button type="submit">Add Todo</button>
            </form>
        </div>
    )
}

AddTodo=connect()(AddTodo);
export default AddTodo;